<template>
  <div class="bd-search d-flex align-items-center"><input class="form-control" id="bd-search-input" placeholder="Search keywords..." type="text" value="" data-original-title="" title="">
    <button aria-label="Toggle docs navigation" class="bd-search-docs-toggle d-md-none p-0 ml-3" type="button" aria-controls="bd-docs-nav" aria-expanded="true">
      <svg focusable="false" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" height="30" width="30">
        <title>Menu</title>
        <path d="M4 7h22M4 15h22M4 23h22" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"></path>
      </svg>
    </button>
    <div class="d-none" style="display:none" aria-hidden="true">
      <div></div>
      <div>
        <span>Type something to start search</span>
      </div>
    </div>
  </div>
</template>

<script>
// 搜索控件
export default {};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
</style>
